<%@ page language="java" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html class="pixel-ratio-1">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>我购买的作品</title>

<meta content="telephone=no" name="format-detection">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta
	content="width=device-width, minimum-scale=1,initial-scale=1, maximum-scale=1, user-scalable=no"
	id="viewport" name="viewport">
<link type="image/x-icon" href="#//static.artbloger.com/favicon.ico"
	rel="icon">
<link rel="stylesheet" type="text/css"
	href="css/common.css">
<link rel="stylesheet" type="text/css"
	href="css/responsive.css">
	<link rel="shortcut icon" href="${pageContext.request.contextPath}/favicon.ico" type="text/css" />
<script src="js/hm.js"></script>
<script src="js/jquery-1.8.0.min.js"></script>
<script src="js/tan.js"></script>
<!--[if lt IE 9]>
		<link rel="stylesheet" type="text/css" href="#//static.artbloger.com/css/style_ie.css" />
		<![endif]-->
<script type="text/javascript" src="js/bfw.js"></script>
<script type="text/javascript" src="js/bfw_cart.js"></script>

</head>



<body style="background-color: #CCCCCC;">
	<div class="container">

		<title>个人中心</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta content="telephone=no" name="format-detection">
		<meta
			content="width=device-width, minimum-scale=1,initial-scale=1, maximum-scale=1, user-scalable=no"
			id="viewport" name="viewport">
		<meta name="baidu-site-verification" content="ShuFpCrxDG">
		<link type="image/x-icon"
			href="#//static.artbloger.com/favicon.ico" rel="icon">

		<link rel="apple-touch-icon-precomposed"
			href="#//static.artbloger.com/touch-icon-144.png">
		<link rel="apple-touch-icon-precomposed" sizes="57x57"
			href="#//static.artbloger.com/touch-icon-114.png">
		<link rel="apple-touch-icon-precomposed" sizes="114x114"
			href="#//static.artbloger.com/touch-icon-114.png">
		<link rel="apple-touch-icon-precomposed" sizes="72x72"
			href="#//static.artbloger.com/touch-icon-144.png">
		<link rel="apple-touch-icon-precomposed" sizes="144x144"
			href="#//static.artbloger.com/touch-icon-144.png">

		<link rel="stylesheet" type="text/css"
			href="css/iconfont.css">
		<link rel="stylesheet" type="text/css"
			href="css/font_286873_tqipw4depadobt9.css">
		<link rel="stylesheet" type="text/css"
			href="css/responsive.css">
		<link rel="stylesheet" type="text/css"
			href="css/responsive2.css">
		<link rel="stylesheet" type="text/css"
			href="css/common2.css">
		<link rel="stylesheet" type="text/css"
			href="css/common.css">
		<script type="text/javascript"
			src="js/jquery-1.8.0.min.js"></script>
		<script type="text/javascript" src="js/clamp.min.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
		<script type="text/javascript"
			src="images/jquery.lazyload.min.js"></script>
		<script type="text/javascript" src="js/bfw.js"></script>
		<script type="text/javascript" src="js/bfw_cart.js"></script>
		<script type="text/javascript">var _bfw_config = {
				"baseurl" : "",
				"routetype" : 2,
				"contname" : "cont",
				"actname" : "act",
				"domname" : "dom",
				"jsbaseurl" : "#\/\/static.artbloger.com\/js\/",
				"cssbaseurl" : "#\/\/static.artbloger.com\/css\/"
			};
		</script>
		<!--[if lt IE 9]>  
	<link rel="stylesheet" type="text/css" href="#//static.artbloger.com/css/style_ie.css" />
	<![endif]-->
		<script>
			var _hmt = _hmt || [];
			(function() {
				var hm = document.createElement("script");
				hm.src = "https://hm.baidu.com/hm.js?eea5739259c05ba71917cb52729aba71";
				var s = document.getElementsByTagName("script")[0];
				s.parentNode.insertBefore(hm, s);
			})();
		</script>
		<!--2017.10.18添加统计代码-->
		<script type="text/javascript">
			var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " #//");
			document.write(unescape("%3Cspan id='cnzz_stat_icon_1265187549'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s13.cnzz.com/z_stat.php%3Fid%3D1265187549%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));
		</script>
		<script src="images/z_stat.php" type="text/javascript"></script>
		<script src="images/core.php" charset="utf-8"
			type="text/javascript"></script>
		<!--360统计代码-->
		<script type="text/javascript" src="js/206138.js"
			async="" defer=""></script>


		<div class="container">
			<div class="header_box">
				<header>
					<img class="heard_log" src="images/heard_log.png">
					<nav>
						<img class="heard_log2" src="images/heard_log.png">
						<ul class="fl" id="index_fl">
							<li class="remove_cur index_is_cur"><a
								href="index.jsp">首页</a></li>
							<li class="header_atw is_cur art_is_cur remove_cur"><a
								href="artwork.jsp">艺术品</a>
								<div class="nav_next">
									<ul>
										<li><a
											href="details.jsp""="">精选</a></li>
										<li><a
											href="details.jsp">油画</a></li>
										<li><a
											href="details.jsp">国画</a></li>
										<li><a
											href="details.jsp">书法</a></li>
										<li><a
											href="details.jsp">水彩</a></li>
										<li><a
											href="details.jsp">版画</a></li>
									</ul>
								</div></li>
							<li class="arter_is_cur remove_cur"><a
								href="artist.jsp">艺术家</a></li>
							<li class="lease_is_cur remove_cur"><a
								href="rent.jsp">艺租赁</a></li>
							<li class="scr_hide special_is_cur remove_cur"><a
								href="zhuanchang.jsp">专场</a><span
								class="li_bd"></span></li>
							<li class="scr_hide information_is_cur remove_cur"><a
								href="message.jsp">资讯</a></li>
						</ul>
						<div class="search fr">
							<div class="shop fr" id="shopcart">
								<a href="shop.jsp"> <img
									src="images/shop.png">
									<p>购物车</p></a> <span id="shopcart-counter">3</span>
							</div>
							<div class="user fr">

								<img src="images/user.png">
								<p class="login">13461604051</p>
								<div>
									<ul>
										<li><a
											href="usercenter.jsp">个人资料</a></li>
										<li><a
											href="ordercenter.jsp">订单中心</a></li>
										<li><a href="login.jsp">切换账号</a></li>
									</ul>
								</div>
							</div>
							<div class="fr form" method="get">
								<input type="text" id="search_info" value="" placeholder="油画风景">
								<input type="button" value="" id="search-form">
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="clearfix"></div>
					</nav>
				</header>
			</div>
			<script type="text/javascript">
				$(document).ready(function() {
					$('#cnzz_stat_icon_1265187549').appendTo('.footer_bottom_p')
					var str = location.href;
					var search_val = str.split("/");
					var search_key = decodeURI(search_val[search_val.length - 2]);
					var search_val = decodeURI(search_val[search_val.length - 1]);
					if (search_key == 'keyword') {
						$("#search_info").val(search_val);
					}
					if (search_key == 'choice') {
						$('.ipt').addClass('ipt_q');
						$(".condition").attr('jingxuan', 1);
			
					}
			
					//其他导航条特效
					if (window.location.pathname == '/' || window.location.pathname == '') {
						$('.remove_cur').siblings().removeClass('cur');
						$('.index_is_cur').addClass('cur');
					}
					if (window.location.pathname == '/Cms/Page/ArtworkList/' || window.location.pathname == '/artwork/') {
						$('.remove_cur').siblings().removeClass('cur');
						$('.art_is_cur').addClass('cur');
					}
					if (window.location.pathname == '/Cms/Page/ArtistList/' || window.location.pathname == '/artist/') {
						$('.remove_cur').siblings().removeClass('cur');
						$('.arter_is_cur').addClass('cur');
					}
					if (window.location.pathname == '/Cms/Lease/Index/' || window.location.pathname == '/lease/') {
						$('.remove_cur').siblings().removeClass('cur');
						$('.lease_is_cur').addClass('cur');
					}
					if (window.location.pathname == '/Cms/Zhuanti/Index/' || window.location.pathname == '/zhuanti/') {
						$('.remove_cur').siblings().removeClass('cur');
						$('.special_is_cur').addClass('cur');
					}
					if (window.location.pathname == '/Cms/News/XinxianShi/' || window.location.pathname == '/news/') {
						$('.remove_cur').siblings().removeClass('cur');
						$('.information_is_cur').addClass('cur');
					}
			
					//艺术家详情导航条特效
					var arrhost = window.location.host.split('.');
					if (arrhost['1'] == "s") {
						$('.remove_cur').siblings().removeClass('cur');
						$('.arter_is_cur').addClass('cur');
					}
				});
				var anti_shake; // 防抖
				$('.header_atw').hover(function() {
					$('.nav_next').width($(window).width());
					clearTimeout(anti_shake);
					anti_shake = setTimeout(function() {
						$('.nav_next').stop().animate({
							height : "142px",
							paddingTop : "29px"
						}, 200);
						$('.nav_next ul li').css("display", "block");
					}, 120);
				}, function() {
					clearTimeout(anti_shake);
					$('.nav_next ul li').css("display", "none")
					$('.nav_next').stop().animate({
						height : "0px",
						paddingTop : "0px"
					}, 200);
				})
				//个人中心下滑效果
				$('.header_box header .search .user').hover(function() {
					clearTimeout(anti_shake);
			
					anti_shake = setTimeout(function() {
						$('.header_box header .search .user div').animate({
							height : "120px"
						}, 200, function() {
							$('.header_box header .search .user div li').css("display", "block")
						});
					}, 120);
				}, function() {
					clearTimeout(anti_shake);
					$('.header_box header .search .user div').animate({
						height : "0px"
					}, 200, function() {
						$('.header_box header .search .user div li').css("display", "none")
					});
				})
				//滚动距离超过200px
				$(window).scroll(function() {
					if ($(window).scrollTop() >= 88) {
						$('body').css("padding-top", "200px")
						$('.header_box').css({
							"position" : "fixed",
							"height" : "88px",
							"box-shadow" : "0 2px 6px 0 rgba(0, 0, 0, 0.1)",
							"z-index" : 50,
							"top" : 0
						});
			
						$("header").css({
							"padding-top" : "26.5px"
						});
						$(".nav_next").css({
							"top" : "88px"
						});
						$('nav>ul').css({
							"width" : "40%"
						});
						$('nav search user div ul').css({
							"width" : "100%"
						});
						$('.scr_hide').hide();
						$(".heard_log").hide();
						$(".heard_log2").css("display", "block");
					} else {
						$('body').css("padding-top", "0px")
						$('.header_box').css({
							"position" : "relative",
							"height" : "200px",
							"box-shadow" : "none"
						});
						$("header").css({
							"padding-top" : "30px"
						});
						$(".nav_next").css({
							"top" : "200px"
						});
						$('nav ul').css({
							"width" : "50%"
						})
						$('.scr_hide').show();
						$(".heard_log").show();
						$(".heard_log2").hide();
					}
				});
			
				$(function() {
					$("#search-form").click(function() {
						var search = "/Cms/Page/ArtworkList/keyword/";
						if ($('#search_info').val() == '' || $('#search_info').val() == 'undefind' || $('#search_info').val() == null) {
							$('#search_info').val('油画风景');
						}
						location.href = search + $('#search_info').val();
						return false;
					});
			
					//按下Enter键搜索
					$("#search_info").keydown(function(e) { //当按下按键时  
						if (e.which == 13) { //.which属性判断按下的是哪个键，回车键的键位序号为13  
							$('#search-form').trigger("click"); //触发搜索按钮的点击事件  
						}
					});
				});
				function bfwResponse(resjson) {
					if (resjson['err']) {
						$.Bfw.toastshow(resjson['data']);
					} else {
						if (resjson['data'].substr(0, 9) == "redirect:") {
							location.href = resjson['data'].substr(9);
						} else if (resjson['data'].substr(0, 12) == "msgredirect:") {
							var spos = resjson['data'].indexOf("---");
							if (spos > 12) {
								$.Bfw.toastshow(resjson['data'].substr(12, spos - 12));
								var gotohref = resjson['data'].substr(spos + 3);
								console.log(gotohref);
								if (gotohref == "back") {
									history.back();
								} else {
									location.href = gotohref;
								}
							}
						} else if (resjson['data'].substr(0, 4) == "back") {
							history.back();
						} else {
							$.Bfw.toastshow(resjson['data']);
						}
					}
				}
			</script>
			<div class="container_box" style="min-height: 324px;">
				<div class="user_left" style="min-height: 907px;">
					<div class="menu_left">
						<div class="menu_title">
							<a href="#//www.artbloger.com/Cms/Member/Center/">一&nbsp;&nbsp;个人中心</a>
						</div>
						<ul class="menu_ul">
							<li><a href="#//www.artbloger.com/Cms/Member/Userinfo/">基本资料</a>
							</li>

							<li><a class="cur"
								href="#//www.artbloger.com/Cms/Order/OrderCenter/">订单中心</a>
								<ul class="menu_li">
									<li><a
										href="#//www.artbloger.com/Cms/Order/MyList/ordertype/0/type/0">我购买的
											<span>（0）</span>
									</a></li>
									<li><a href="#//www.artbloger.com/Cms/Order/MyLease/">我租赁的
											<span>（0）</span>
									</a></li>
								</ul></li>
							<li><a href="#//www.artbloger.com/Cms/Address/MyList/">收货地址</a></li>
							<li><a href="#//www.artbloger.com/Cms/Favorite/MyList/">收藏夹</a></li>

						</ul>
					</div>
				</div>
				<div class="user_right">
					<div class="all_artwork">
						<div class="tabs order_tabs">
							<ul>
								<!--<li class= <a class="" href="/Cms/Order/MyList/ordertype/type/" >全部</a></li>-->
								<li class=""><a
									href="#//www.artbloger.com/Cms/Order/MyList/"
									class="select">全部</a><i></i><span>(0)</span></li>
								<li><a class=""
									href="#//www.artbloger.com/Cms/Order/MyList/ordertype/1/type/0">待付款</a><span>(0)</span></li>
								<!--<li><a href="">待付款</a><i></i><span>(0)</span></li>-->
								<li><a class=""
									href="#//www.artbloger.com/Cms/Order/MyList/ordertype/2/type/0">待发货</a><span>(0)</span></li>
								<!--<li><a href="">待发货</a><i></i><span>(0)</span></li>-->
								<li><a class=""
									href="#//www.artbloger.com/Cms/Order/MyList/ordertype/3/type/0">待收货</a><span>(0)</span></li>
								<!--<li><a href="">已发货</a><i></i><span>(0)</span></li>-->
								<li><a class=""
									href="#//www.artbloger.com/Cms/Order/MyList/ordertype/4/type/0">已交易</a></li>
								<!--<li><a href="">已交易</a><i></i><span>(0)</span></li>-->
								<li><a class=""
									href="#//www.artbloger.com/Cms/Order/MyList/ordertype/5/type/0">退款/售后</a><span>(0)</span></li>
								<!--<li><a href="">退款/退货</a><i></i><span>(0)</span></li>-->
							</ul>
						</div>
						<div class="my_order">
							<ul>


								<li class="4320">
									<p>
										编号：2016012509004320<span> 己取消 </span>
									</p>
									<div class="clearfix"></div>

									<div class="order_info">
										<a
											href="#//www.artbloger.com/Cms/Page/ArtworkDetail/id/75900/"><img
											src="images/Art_15126293316967.jpg" title="天空"
											alt="天空"></a>
										<h3>天空</h3>
										<span class="price">¥ 400.00</span>
										<div class="order_status">
											<a class="red_color" target="_blank"
												href="#//www.artbloger.com/Cms/Order/Detail/orderid/4320/">订单详情</a>

										</div>
									</div>
								</li>

							</ul>
							<div class="paging clearfix"></div>
						</div>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="footer_box">
				<div class="footer_top">
					<img class="footer_img" src="images/footer_log.png">
					<div class="fr">
						<dl class="fl">
							<dt>
								<i></i><a href="#//www.artbloger.com/Cms/Page/Questions/">帮助中心</a>
							</dt>
							<dd>
								<a href="#//www.artbloger.com/Cms/Page/Questions/">常见问题</a>
								<!--<a href="/Cms/Page/ContactUs/">售后服务</a>-->
								<a href="#//www.artbloger.com/Cms/Page/AboutUs/">关于艺博客</a>
							</dd>
						</dl>
						<dl class="fl">
							<dt>
								<i></i><a href="#//www.artbloger.com/Cms/Page/BuyFlow/">使用指南</a>
							</dt>
							<dd>
								<a href="#//www.artbloger.com/Cms/Page/BuyFlow/">购买流程</a> <a
									href="#//www.artbloger.com/Cms/Page/LeaseFlow/">租赁服务</a>
								<!--<a href="/Cms/Page/LeaseFlow/">装裱和配送</a>-->
							</dd>
						</dl>
						<dl class="fl">
							<dt>
								<i></i><a href="#//www.artbloger.com/Cms/Page/AboutUs/">关于我们</a>
							</dt>
							<dd>
								<!--<a href="javsacript:;">人才招募</a>-->
								<a href="#//www.artbloger.com/Cms/Page/ContactUs/">联系我们</a>
								<a href="#//www.artbloger.com/Cms/Zhuanti/ArtInterview/">艺术家招募</a>
							</dd>
						</dl>
						<dl class="fr img">
							<dt>
								<img src="images/dingyuehao.png">
							</dt>
							<dd>
								<a href="javascript:;">微信订阅号</a>
							</dd>
						</dl>
						<dl class="fr img">
							<dt>
								<img src="images/app_down.jpg">
							</dt>
							<dd>
								<a href="javascript:;">手机艺博客</a>
							</dd>
						</dl>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="footer_bottom">
					<p class="footer_bottom_p">
						艺博客版权所有 <a href="#//www.miitbeian.gov.cn/">沪ICP备16022500号</a>Copyright
						© 2013 - 2017 artbloger.com, All Rights Reserved. <span
							id="cnzz_stat_icon_1265187549"></span>
					</p>
				</div>
			</div>
		</div>



		<link href="css/weui.min.css" rel="stylesheet"
			type="text/css">
		<link href="css/jquery-weui.min.css" rel="stylesheet"
			type="text/css">
		<script type="text/javascript"
			src="js/jquery-weui.min.js"></script>
		<script type="text/javascript">
			$(".container_box").css("min-height", $(window).height() - 273);
			//$(".user_left").css("height",$('.user_right').height()+34);
			$(".user_left").css("min-height", 907);
			//选项卡切换
			$(document).ready(function() {
				$('.tabs li a').each(function() {
					if ($($(this))[0].href == String(window.location))
						$(this).addClass('select');
					$(this).siblings().removeClass('select');
				});
			});
			//确认收货
			$('.sure').on('click', function() {
				var self = $(this);
				$.confirm({
					title : '确认收货',
					text : '你确定要确认收货吗？',
					onOK : function() {
						var _id = self.attr('data-id');
						$.ajax({
							type : "POST",
							url : "/Cms/Express/ShipConfirm/",
							data : {
								orderid : _id
							},
							dataType : "json",
							success : function(data) {
								$.toast('确认收货成功!');
							},
							error : function(data) {
								$.toast('出错了!', 'cancel');
							}
						});
					},
					onCancel : function() {}
				});
			});
			//取消订单
			$('.cancel_order').on('click', function() {
				var self = $(this);
				$.confirm({
					title : '取消订单',
					text : '你确定要取消此订单吗？',
					onOK : function() {
						var _id = self.attr('order-id');
						$.ajax({
							type : "POST",
							url : "/Cms/Order/Cancel/",
							data : {
								orderid : _id
							},
							dataType : "json",
							success : function(data) {
								if (data.err) {
									$.toast(data.data, 'cancel');
								} else {
									$.toast(data.data, function() {
										//跳转
										window.location.reload();
									});
								}
							},
							error : function(data) {
								$.toast('出错了!', 'cancel');
							}
						});
					},
					onCancel : function() {}
				});
			});
		
			//自动关闭订单倒计时代码
		
			function show_time(self) {
				var time_start = self.attr('data-dtime'); //设定当前时间
				var time_end = self.attr('data-time'); //下单的时间
				if (!time_end) return; //拿不到下单时间就返回
				// 计算时间差 
				time_distance = time_start - time_end; //间隔时间
				var _id = self.attr('data-id'); //订单ID
				if (!_id) return; //如果没拿到ID直接返回
				//倒计时30分钟
				if (time_distance < 1800) {
					time_distance = 1800 - time_distance; //倒计时剩余的时间
					// 分
					int_minute = Math.floor(time_distance / 60)
					time_distance -= int_minute * 60;
					// 秒 
					int_second = Math.floor(time_distance)
		
					if (int_minute < 10) {
						int_minute = "0" + int_minute;
					}
					if (int_second < 10) {
						int_second = "0" + int_second;
					}
					// 显示时间     
					self.find(".time_m").val(int_minute);
					self.find(".time_s").val(int_second);
					time_start = parseInt(time_start) + 1;
					self.attr('data-dtime', time_start);
					// 设置定时器
					setTimeout(function() {
						show_time(self);
					}, 1000);
				} else { //超过了十分钟自动关闭订单       
					$.ajax({
						type : "POST",
						url : "/Cms/Order/Autocancel/",
						data : {
							orderid : _id
						},
						dataType : "json",
						success : function(data) {
							$.toast('您订单尾号为' + _id + '的订单已超时自动取消');
							$("." + _id).hide();
						},
						error : function(data) {
							$.toast('出错了!', 'cancel');
						}
					});
				}
			}
		
			//7天未确认收货自动收货
			function automat(self) {
				var time_start = self.attr('data-dtime'); //设定当前时间
				var time_end = self.attr('data-time'); //付款时间
				if (!time_end) return; //拿不到付款时间就返回
				// 计算时间差 
				time_distance = time_start - time_end; //间隔时间
				var _id = self.attr('data-id'); //订单ID
				if (!_id) return; //如果没拿到ID直接返回
				//倒计时七天
				if (time_distance < 604800) {
					//7天之内不做处理
					time_distance = 604800 - time_distance; //倒计时剩余的时间   	
		
					time_start = parseInt(time_start) + 1;
					self.attr('data-dtime', time_start);
					// 设置定时器
					setTimeout(function() {
						automat(self);
					}, 1000);
				} else { //发货超过七天自动收货       
					$.ajax({
						type : "POST",
						url : "/Cms/Express/AutoConfirm/",
						data : {
							orderid : _id
						},
						dataType : "json",
						success : function(data) {
							$.toast('您订单尾号为' + _id + '的订单已超时自动收货');
							$("." + _id).hide();
						},
						error : function(data) {
							$.toast('出错了!', 'cancel');
						}
					});
				}
			}
			//收货7天后不允许退货
			function surecei(self) {
				var time_start = self.attr('data-dtime'); //设定当前时间
				var time_end = self.attr('data-time'); //收货时间
				if (!time_end) return; //拿不到收货时间就返回
				// 计算时间差 
				time_distance = time_start - time_end; //间隔时间
				var _id = self.attr('data-id'); //订单ID
				if (!_id) return; //如果没拿到ID直接返回
				//倒计时7天
				if (time_distance < 604800) {
					//7天之内不做处理
					time_distance = 604800 - time_distance; //倒计时剩余的时间
		
					time_start = parseInt(time_start) + 1;
					self.attr('data-dtime', time_start);
					// 设置定时器
					setTimeout(function() {
						surecei(self);
					}, 1000);
				} else { //发货超过七天不允许退货      
					//隐藏申请退货的按钮
					self.next().css("display", "none");
				}
			}
		
			$(function() {
				$('.countdown').each(function() {
					self = $(this);
					show_time(self);
				});
				$('.recei').each(function() {
					self = $(this);
					automat(self);
				});
				$('.surecei').each(function() {
					self = $(this);
					surecei(self);
				});
			});
		</script>
	</div>
	<iframe name="228987" height="0" width="0"
		src="images/mv.html" style="display: none;"></iframe>

</body>

</html>
